<template>
        <div>
            <el-dialog v-model="props.dialogVisible" :title=title width="500" @close="handlColse" >
                <!-- 表单 -->
                <el-form :model="props.form" :disabled="props.formdisabled">
                    <el-form-item label="学生名称" :label-width="props.formLabelWidth">
                        <el-input v-model="props.form.stuName" autocomplete="off" />
                    </el-form-item>
                    <el-form-item label="班级" :label-width="props.formLabelWidth">
                        <el-input v-model="props.form.className" autocomplete="off" />
                    </el-form-item>
                    <el-form-item label="学号" :label-width="props.formLabelWidth">
                        <el-input v-model="props.form.stuNo" autocomplete="off" />
                    </el-form-item>
                    <el-form-item label="市场部" :label-width="props.formLabelWidth">
                        <el-input v-model="props.form.origin" autocomplete="off" />
                    </el-form-item>
                    <el-form-item label="学院编号" :label-width="props.formLabelWidth">
                        <el-input v-model="props.form.collegeId" autocomplete="off" />
                    </el-form-item>
                    <el-form-item label="专业编号" :label-width="props.formLabelWidth">
                        <el-input v-model="props.form.expertiseId" autocomplete="off" />
                    </el-form-item>
                    <el-form-item label="学生状态" :label-width="props.formLabelWidth">
                        <el-input v-model="props.form.status" autocomplete="off" />
                    </el-form-item>
                </el-form>
    
                <template #footer>
                    <div class="dialog-footer">
                        <el-button @click="qux">取消</el-button>
                        <el-button type="primary" @click="submit">
                            确定
                        </el-button>
                    </div>
                </template>
            </el-dialog>
        </div>
</template>
    
<script setup lang='ts'>
import { ref,defineProps,defineEmits } from 'vue'
const props=defineProps({
    dialogVisible:Boolean,
    title:String,
    form:Object,
    formdisabled:Boolean,
    submit:Function,
    flag: Boolean,
    formLabelWidth:String,
    qux:Function
})

const emit=defineEmits(['qux','submit','Colse'])

const handlColse=()=>{
    emit('Colse',false)
}
//  取消
const qux=()=>{
  emit('qux')
}

// 确认
const submit=()=>{
  emit('submit')
}
    
</script>
    
<style>
    
</style>